<html>

	<head>
		<meta charset="utf-8">
		<title>36 氪</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="css/mui.min.css">
		<link rel="stylesheet" href="css/common.css" />	
		<link rel="stylesheet" href="css/common_article.css" />
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">文章详情</h1>
		</header>
		<div class="mui-content">
			<div class="mui-content-padded">
				<h4 style="text-align: center;">Nice 推出横滑布局和图信功能</h1>
				<small>暮雨</small><time style="float: right;">07-26</time>
				<div class="count">访问量：3345</div>
				<div class="hr-20"></div>
				<p>在之前加入类 Tinder 的翻牌机制后，Nice 一直都在加强产品的社交属性，随后个人用户界面也发生了变化，用户头像 Size 明显变大，以及底部显眼的「发消息」按钮也更加突显。
在最近的一次更新中，Nice 加入了两个新特性：一是纵向信息流改为横滑布局；其次是新增了图信功能。</p>
				<div>
					<img src="images/img01.png" data-preview-src="" data-preview-group="1" />
				</div>
				<p>以 Instagram 为主要代表的图片社交应用瀑布流式的显示方式，多张图片挤在一个屏幕，评论显示不完全和难以进入。前者导致用户很难将注意力集中在一张图片上，后者则降低了用户使用评论系统的积极性，使软件的总体活跃度降低——之前在 Nice 上的典型行为主要是点赞，评论并不活跃。</p>
				<div>
					<img src="images/img02.png" data-preview-src="" data-preview-group="1" />
				</div>
				<p>更新后的横滑布局使每一张图片都能处于屏幕中部偏上的位置，这是用户注意力最集中的地方，也不会被其他图片干扰。这种布局，对评论的展示和查看非常友好，在图片界面上划，即可查看完整评论，很符合用户的直观感受，显然 Nice 希望提升评论的活跃度。</p>
				<p>图信在功能上，以图片作为载体，在图片上产生对话，不仅为对话提供了主题，还明确了对话的场景和氛围，注重画面感，单单从交互上讲，这是一次新颖的尝试。图信想用图片发起一段对话，让图片成为重点。</p>
				<p>以图片的方式开启对话，总比抛出一个空洞的主题，要来得直观一些。另一方面，图信相比于传统的图片分享模式，更加注重实时性和具体性，它既是私信，也是图片评论，这种评论很具体，因为它发生在图片上。Nice 通过图信的方式，简化了图片分享和图片评论的方式。</p>
				<p>	但实际上，谁会使用图信，以及和谁使用图信，仍然是个问题。图信需要双方互为好友，而 Nice 中大部分关系链，只局限在通讯录和微博微信好友，陌生人之间的关系没有太大的改变。想通过图信来盘活 Nice 中陌生人的关系链，恐怕不是那么乐观。
Nice 这次更新的两个新特性，在实际使用上，首页横滑显示，改动较大，用户需要花费时间重新学习和适应这种交互方式，会使使用者产生一种抵触情绪；而图信，虽然在交互上有所创新，但这种没有时间线，也没有排版的对话模式，给人一种错乱的感觉。同时局限于图片版面大小的因素，图信对话也不能无限进行下去，而当满屏对话挤满图片时，也不是良好的用户体验。</p>
			</div>
			<div class="hr-40"></div>
			<div class="comment">
				<h5>评论</h5>
				<textarea cols="30" rows="4" placeholder="来说点什么啊"></textarea>
				<button type="button" class="mui-btn mui-btn-primary" onclick="return false;" style="float: right;margin-right: 5px;box-shadow: 2px 2px 2px rgba(0,0,34,.6);">发表</button>
				<div class="hr-20">	
				</div>
			</div>
			<div class="hr-20 mui-clearfix"></div>
		</div>
	</body>
	<script src="js/mui.min.js"></script>
	<script src="js/mui.zoom.js"></script>
	<script src="js/mui.previewimage.js"></script>
	<script>
		mui.previewImage();
	</script>

</html>